.BeamProduce001 {
	padding: 8px 16px;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div {
		width: 100%;

		&:nth-child(2),
		&:nth-child(4) {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 16px;
				position: relative;
				z-index: 1;

				&::after {
					position: absolute;
					content: "";
					left: 0;
					bottom: 16px;
					width: 100%;
					height: 12px;
					z-index: -1;
					background: var(--BeamTopNavAfter);
				}

				& > div:first-child {
					font-size: 24px;
					font-family: YouSheBiaoTiHei;
					font-weight: 400;
				}

				& > div:last-child {
					font-size: 26px;
					font-family: DIN Condensed;
					font-weight: bold;
					color: #ffffff;
					display: flex;
					align-items: baseline;

					& > span {
						margin: 0 4px;
						font-size: 16px;
						font-family: Microsoft YaHei;
					}
				}
			}
		}
	}

	// & > div {
	// 	flex: 1;
	// 	width: 100%;

	// 	& > div:last-child {
	// 		display: flex;
	// 		align-items: center;
	// 		justify-content: space-evenly;
	// 		flex-direction: column;
	// 		height: calc(100% - 32px);
	// 		padding: 8px 0;
	// 		cursor: pointer;

	// 		& > div {
	// 			display: flex;
	// 			align-items: center;
	// 			justify-content: center;
	// 			width: 100%;

	// 			& > div:first-child {
	// 				flex: 1;
	// 				font-size: 24px;
	// 				font-family: YouSheBiaoTiHei;
	// 				font-weight: 400;
	// 				position: relative;
	// 				text-indent: 8px;

	// 				&::after {
	// 					position: absolute;
	// 					content: "";
	// 					left: 0;
	// 					bottom: 4px;
	// 					width: 80%;
	// 					height: 6px;
	// 					background: -webkit-linear-gradient(
	// 						left,
	// 						rgba(86, 255, 238, 0.2),
	// 						rgba(0, 0, 0, 0)
	// 					);
	// 				}
	// 			}

	// 			& > div:last-child {
	// 				width: 160px;
	// 				display: flex;
	// 				align-items: baseline;
	// 				justify-content: flex-end;

	// 				& > div:first-child {
	// 					font-size: 26px;
	// 					height: 26px;
	// 					line-height: 26px;
	// 					font-family: Microsoft YaHei;
	// 					font-weight: bold;
	// 					color: #ffffff;
	// 					margin-right: 4px;
	// 				}

	// 				& > div:last-child {
	// 					font-size: 16px;
	// 					height: 16px;
	// 					line-height: 16px;
	// 					font-family: Microsoft YaHei;
	// 					font-weight: bold;
	// 					color: #ffffff;
	// 				}
	// 			}
	// 		}
	// 	}
	// }
}
